body{background-color:#fff;color: #565656;font-size: 14px;line-height: 30px;}
a{color: #424242;}
a:hover{color:#1744A2;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
h1{font-size:26px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:16px}
ul{padding: 0;margin: 0;}

.top{width: 100%;float: left;}
.top-bar{width: 100%;float: left;overflow: hidden;background: #eeeeee;height: 16px;line-height: 16px;color: #6a6262;padding: 12px 0;}
.top-welcome{float: left;}
.top-welcome p{font-size: 14px;font-weight: bold;}
.top-nav{float: right;}
.top-nav li{float: left;border-right: 1px solid #bbb;}
.top-nav li:last-child{border-right:none}
.top-nav li:last-child a{padding: 0 0 0 11px;}
.top-nav li a{padding: 0 11px;}

.top-main{width: 100%;float: left;overflow: hidden;padding: 25px 0;}
.logo{float: left;}
.logo img{}
.slogan{float: left;border-left: 1px solid #bfbfbf;margin: 20px 20px 0 20px;padding-left: 20px;}
.slogan .slogan-1{font-size: 25px;font-weight: bold;color: #393838;line-height: 35px;}
.slogan .slogan-2{font-size: 22px;color: #1e4a8d;line-height: 34px;}
.head-phone{float: right;background: url(../images/icon-phone.jpg) left center no-repeat;padding-left: 50px;margin-top: 28px;}
.head-phone .main-phone{font-size: 26px;color: #ee1f16;font-weight: bold;}
.head-phone .other-phone{font-size: 17px;letter-spacing: -1px;line-height: 24px;}

.main-nav{width: 100%;float: left;background: #1841a2;position: relative;}
.nav{width: 100%;float: left;height: 58px;z-index: 1;}
.nav li{float: left;}
.nav li:first-child a{background:#15398d}
.nav li:last-child span{border-right:none}
.nav li a{color: #fff;line-height: 58px;font-size: 18px;display: inline-block;}
.nav li a:hover{background:#15398d}
.nav li a span{padding: 0 28px;border-right: 1px solid #dddddd7d;height: 20px;line-height: 20px;display: inline-block;}
.nav li .sub{display:none;width: 178px;top: 58px;position:absolute;background:#393838;line-height:40px;z-index: 66;}
.nav li .sub li{width: 100%;}
.nav li .sub li a{display:block;line-height: 40px;height: 40px;font-size: 14px;background: #393838 !important;padding-left: 20px;}
.nav li .sub li a:hover{color:#fff;background: #1841a2 !important;}

@media(min-width:1200px) and (max-width:1300px){
	.nav li a span{padding: 0 24px;}
}
@media(min-width:1301px) and (max-width:1440px){
	.nav li a span{padding: 0 32px;}
}

@media (min-width : 1200px)and (max-width:1440px){
	.top-bar{padding: 9px 0;}
	.top-main{padding: 15px 0;}
	.slogan{margin: 15px 20px 0 20px;padding-left: 20px;}
	.slogan .slogan-1{font-size: 22px;}
	.slogan .slogan-2{font-size: 20px;}
	.head-phone{padding-left: 50px;margin-top: 24px;}
	.head-phone .main-phone{font-size: 26px;}
	.head-phone .other-phone{font-size: 16px;line-height: 24px;}
	.nav{height: 50px;}
	.nav li a{line-height: 50px;font-size: 16px;}
	.nav li .sub{width: 158px;top:50px;}
}


.touch-top{height: 60px;background:#fff;/* position:fixed; */width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;top: 0;line-height: 60px;}
.touch-logo{float: left;width: 60%;}
.touch-logo img{margin:11px 0}
.touch-navigation{float: right;}
.touch-navigation i{font-size: 28px;}
.touch-toggle-content{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.touch-toggle-content .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.touch-toggle-content .closeicon{position:absolute;width:20%;left:5px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.touch-menu{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.touch-menu ul{padding-left:5%;padding-right:5%}
.touch-menu li{border-bottom:1px solid #232530}
.touch-menu li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:14px}
.touch-menu .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.touch-menu .m_f_a a{flex: 1;}
.touch-menu .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.touch-menu .m_s_nav{display:none;width: 100%;}
.touch-menu .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}


/* pc-slider*/
.index-slider{ width:100%; height: 660px; overflow:hidden; position:relative;}
.index-slider .hd{clear:both;position:absolute;z-index:2;bottom: 40px;text-align:center;display: block;margin: 0 auto;width: 100%;}
.index-slider .hd ul{ display:inline-block;_display:inline;_zoom:1;}
.index-slider .hd ul li{display: inline-block;margin: 0 5px;width: 37px;height: 7px;background: #ffffff;font-size: 0;vertical-align: middle;}
.index-slider .hd ul li.on{background: #dc2420;height: 10px;}
.index-slider .bd{ position:relative; height:660px; z-index:0;   }
.index-slider .bd ul{margin:0;width: 100% !important;}
.index-slider .bd li{zoom:1;vertical-align:middle;width: 100% !important;height: 660px;}
.index-slider .bd li a{width:100%; height:660px;background-position: top center;background-repeat:no-repeat;display:block;background-size: auto 100%;text-indent: -999em;}
.index-slider .prev{ position:absolute; left:3%; top:45%; margin-top:-25px;width: 64px; height: 64px;filter:alpha(opacity=30);opacity:0.6;transition:all 0.3s;}
.index-slider .next{ position:absolute; right:3%; top:45%;  width: 64px; height: 64px;filter:alpha(opacity=30);opacity: 0.6;transition:all 0.3s;}
.index-slider .next:hover,.index-slider .prev:hover{filter:alpha(opacity=100);opacity:1;}
.index-slider i{font-size: 24px;width:40px;height:40px;border-radius: 5px;border: 1px solid #fff;padding: 12px;color: #fff;}

/*m-slider*/
.index-focus{width:100%;/* margin-top: 60px; */position: relative;overflow: hidden;}
.index-focus .hd{width:100%;height:11px;position:absolute;z-index:1;bottom: 16px;text-align:center;}
.index-focus .hd ul{ display:inline-block; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; vertical-align:top;margin: 0;}
.index-focus .hd ul li{display: inline-block;margin-left: 7px;width: 12px;height: 12px;border-radius: 50%;background: #ccc;font-size: 0;vertical-align: middle;float: left;}
.index-focus .hd ul .on{background: #185fb7;}
.index-focus .bd{ position:relative; z-index:0; }
.index-focus .bd ul{margin:0;padding:0;}
.index-focus .bd li{float: left;overflow: hidden;}
.index-focus .bd li img{width:100%;background:url(../images/loading.gif) center center no-repeat;}
.index-focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);display: block;}

@media (max-width:479px){
.touch-top{height: 40px;line-height: 40px;}
.touch-logo img{margin:8px 0;height:24px;max-width: fit-content;}
    
}
@media(min-width:480px) and (max-width:767px){
.touch-top{height: 40px;line-height: 40px;}
.touch-logo img{margin:5px 0;height:30px;max-width: fit-content;}
}
@media(min-width:768px) and (max-width:991px){
.touch-top{height: 50px;line-height: 50px;}
.touch-logo img{margin:6px 0}
}

/* bottom */
footer{width:100%;float:left;}
.bottom{width: 100%;background: #112442;padding: 50px 0;display: inline-block;float: left;}
.bottom-list{width: 64%;float: left;padding-top: 11px;}
.bottom-list li{width:16.6%;float: left;}
.bottom-list li:first-child a{padding: 0 29px 0 0;}
.bottom-list li:nth-child(1){width: 12.6%;}
.bottom-list li:nth-child(2){width: 17.6%;}
.bottom-list li:nth-child(3){width: 19.6%;}

.bottom-list li a{color:#fff;font-size: 16px;line-height: 16px;height: 16px;border-right: 1px solid #ffffff59;padding: 0 29px;display: inline-block;} 
.bottom-list li:last-child a{border-right:none;}
.bottom-list li a:hover{color:#bfbfbf;} 
.bottom-list li:first-child ul{margin-left: 0;}
.bottom-list li ul{float: left;width: 100%;margin-left: 28px;margin-top: 11px;} 
.bottom-list li ul li{float:left;width: 100% !important;} 
.bottom-list li ul a{color: #c9c9c9;line-height:26px;font-size:14px;padding: 0 !important;border-right: none;height: 26px;} 
.bottom-list li ul a:hover{color:#ffffff;} 

.bottom-contact{width: 23.7%;float: right;border-left: 1px solid #545F73;padding: 0 4%;padding-top: 11px;}
.bottom-contact h5{width: 100%;float: left;color: #c9c9c9;font-size: 24px;margin-bottom: 17px;letter-spacing: 2px;}
.bottom-contact p{width: 100%;float: left;color: #C9C8CC;font-size: 14px;line-height: 24px;margin-bottom: 12px;}
.bottom-contact span{width: 100%;float: left;color: #C9C8CC;font-size: 14px;line-height: 24px;margin-bottom: 15px}
.bottom-contact .bottom-nub{float: left;color: #fff;font-size:20px;font-weight: bold;margin-bottom: 15px;padding-left: 34px;background: url(../images/bmphone_03.jpg) left center no-repeat;}
.bottom-contact .bottom-icon a{margin: 0 5px;display: inline-block;}
.weixin{position: relative;display: inline-block;}
.weixin-code{width: 80px;top:0;position: absolute;left: 32px;transition: all .5s;display: none;max-width: fit-content;}
.weixin:hover .weixin-code{display: block;}
.bottom-copy{background: #091D38;padding: 20px 0;float: left;text-align:center;width:100%}
.bottom-copy p{line-height:30px;color:#cecece;}
.bottom-copy p a{color:#cecece;margin:0 5px}
.bottom-copy p a:hover{color:#fff;margin:0 5px}

.footer-mobile-nav{position: fixed;height: 60px;width: 100%;left: 0;bottom: 0;box-sizing: border-box;z-index: 9;background: #1A1A1A;color: #FFFFFF;font-size: 13px;}
.footer-mobile-nav .m-nav-menu{width: 100%;height: 60px;}
.footer-mobile-nav .m-nav-menu li{float: left;display: inline-block;width: 25%;height: 60px;text-align: center;padding: 3px 0;}
.footer-mobile-nav .m-nav-menu li a{overflow: hidden;display: block;margin-top: 0;}
.footer-mobile-nav .m-nav-menu li .iconfont{color: #fff;font-size: 29px;display: inline-block;margin-top: 3px;}
.footer-mobile-nav .m-nav-menu li .m-nav-text{line-height: 20px;color: #fff;}
.footer-mobile-nav .m-nav-menu li.current{background-color: #013B7B;}
.footer-mobile-nav .m-nav-menu li.current .iconfont,.footer-mobile-nav .m-nav-menu li.current .m-nav-text{color:#fff}



@media (max-width:767px){
  footer{margin-bottom:60px}
  .bottom{padding: 20px 0;}
  .bottom-list{display: none;}
  .bottom-contact{width: 100%;padding:0;border-left: none;text-align:center}
  .bottom-contact h5{font-size: 20px;margin-bottom: 10px;letter-spacing: 2px;}
  .bottom-contact p{font-size: 13px;line-height: 17px;margin-bottom: 13px;}
  .bottom-contact span{font-size: 14px;line-height: 24px;margin-bottom: 15px}
  .bottom-contact .bottom-icon{display: none;}
  .bottom-contact .bottom-nub{background:none;padding-left: 0;font-size: 18px;margin-bottom: 0;}
  .bottom-copy{display:none}
}
@media(min-width:768px) and (max-width:991px){
  footer{margin-bottom:60px}
  .bottom{padding: 20px 0;}
  .bottom-list{display: none;}
  .bottom-contact{width: 100%;padding:0;border-left: none;text-align:center}
  .bottom-contact .bottom-icon{display: none;}
  .bottom-contact .bottom-nub{background:none;padding-left: 0;}
  .bottom-copy{display: none;}
}
@media(min-width:992px) and (max-width:1200px){
  footer{margin-bottom:60px}
  .bottom{padding: 20px 0;}
	.bottom-list li ul{display:none}
	.bottom-list{width: 100%;margin-bottom:20px}
  .bottom-contact{width: 100%;padding:0;border-left: none;text-align:center}
  .bottom-contact .bottom-icon{text-align:center;width: 100%;display: inline-block;}
  .bottom-contact .bottom-nub{background:none;padding-left: 0;}
  .bottom-copy{padding: 10px 0;}
  .bottom-copy p{line-height:22px;}
}
@media (min-width:1201px)and (max-width:1440px){
  .bottom{padding: 30px 0;}
  .bottom-list{width: 72%;}
  .bottom-contact{width: 22.7%;padding: 0 2%;}
}
.index-title{width: 100%;text-align: center;}
.index-title img{max-width: 65%;}

.index-pro{width: 100%;float: left;overflow: hidden;margin-top: 60px;}
.index-pro-list{width: 100%;overflow: hidden;}
.index-pro-list .hd{width:90%;margin: 0 5% 20px 5%;display: inline-block;text-align: center;}
.index-pro-list .hd ul{display: inline-block;}
.index-pro-list .hd li{width: 120px;float: left;background: #f5f5f5;border-radius: 50%;text-align: center;line-height: 40px;padding: 15px;margin: 0 10px;height: 120px;}
.index-pro-list .hd li.on{background:#1841a2;}
.index-pro-list .hd li.on p{color:#fff;font-weight:bold}
.index-pro-list .hd li a{width: 100%;height: 100%;display: block;float: left;}
.index-pro-list .hd li p{font-size: 17px;}
.index-pro-list .hd i{height: 50px;width: 50px;display: block;margin: 15px auto 0 auto;background-size: 100%;}



@media (max-width:767px){
.index-pro{margin-top: 20px;}
.index-pro-list .hd{width:100%;margin: 0;float: left;overflow: hidden;}
.index-pro-list .hd li{width: 31.333%;height: 80px;margin: 2% 1% 0 1%;padding: 0;border-radius: 9px;}
.index-pro-list .hd i{height: 45px;width: 45px;margin: 5px auto 0 auto;}
.index-pro-list .hd li p{font-size: 15px;line-height: 24px;}
}
@media(min-width:768px) and (max-width:991px){
.index-pro{margin-top: 40px;}
.index-pro-list .hd{width:100%;margin: 0;}
.index-pro-list .hd li{width: 108px;height: 98px;margin: 1% 5px;padding: 0;}
.index-pro-list .hd i{height: 45px;width: 45px;margin: 10px auto 0 auto;}
.index-pro-list .hd li p{font-size: 15px;line-height: 28px;}

}
@media(min-width:992px) and (max-width:1200px){
.index-pro{margin-top: 40px;}
.index-pro-list .hd{width:100%;margin: 0 0 15px 0;}
.index-pro-list .hd li{width: 100px;height: 100px;}
.index-pro-list .hd i{height: 45px;width: 45px;margin: 10px auto 0 auto;}
.index-pro-list .hd li p{font-size: 15px;line-height: 28px;}
}
@media (min-width:1201px)and (max-width:1440px){
.index-pro-list .hd{width:100%;margin: 0;}
.index-pro-list .hd li{width: 107px;height: 107px;}

}
.list-icon1 i{background-image: url(../images/pinjieblack.png);}
.list-icon1:hover i{background-image: url(../images/pinjieping.png);}
.index-pro-list .hd li.on.list-icon1  i{background-image: url(../images/pinjieping.png);}
.list-icon2 i{background-image: url(../images/wufengblack.png);}
.list-icon2:hover i{background-image: url(../images/wufeng.png);}
.index-pro-list .hd li.on.list-icon2 i{background-image: url(../images/wufeng.png);}
.list-icon3 i{background-image: url(../images/xiaojianjublack.png);}
.list-icon3:hover i{background-image: url(../images/xiaojianju.png);}
.index-pro-list .hd li.on.list-icon3 i{background-image: url(../images/xiaojianju.png);}
.list-icon4 i{background-image: url(../images/roublack.png);}
.list-icon4:hover i{background-image: url(../images/rou.png);}
.index-pro-list .hd li.on.list-icon4 i{background-image: url(../images/rou.png);}
.list-icon5 i{background-image: url(../images/huiyiblack.png);}
.list-icon5:hover i{background-image: url(../images/huiyi.png);}
.index-pro-list .hd li.on.list-icon5 i{background-image: url(../images/huiyi.png);}
.list-icon6 i{background-image: url(../images/guanggaoblack.png);}
.list-icon6:hover i{background-image: url(../images/guanggao.png);}
.index-pro-list .hd li.on.list-icon6 i{background-image: url(../images/guanggao.png);}

.index-pro-list .bd{width: 100%;overflow: hidden;position: relative;float: left;}
.index-pro-list .bd ul{width: 102%;display: inline-block;float: left;}
.index-pro-list .bd ul li{border: 1px solid #DEDEDE;display: block;overflow: hidden;transition: all .5s;position: relative;}
.index-pro-list .bd ul li p{position: absolute;height: 40px;line-height: 40px;background: rgba(0, 0, 0, 0.42);width: 96%;bottom: -50px;padding: 0 2%;text-align: center;color: #fff;font-size: 16px;}
.index-pro-list .bd ul li:hover p{ bottom: 0;transition: all .8s;}
.index-pro-list .bd ul li:hover{box-shadow: 3px 3px 10px #c4c4c494;-moz-box-shadow:3px 3px 10px #c4c4c494;-webkit-box-shadow:3px 3px 10px #c4c4c494;}
.index-pro-list .bd li img{transition: all .5s;}
.index-pro-list .bd li img:hover{transform: scale(1.1);}

.procl{width: 24%;float: left;margin-right: 1%;}
.procl li{width: 99.5%;margin-bottom: 6%;float: left;}
.procc{width: 50%;float: left;margin-right: 1%;}
.procc li{}
.procr{width: 24%;float: left;}
.procr li{width: 99.5%;margin-bottom: 6%;float: left;}
.procll{width: 49%;float: left;overflow: hidden;}
.procll li{width: 99%;}
.procrr{width: 50%;float: left;margin-left: 1%;}
.procrr li{width: 46.5%;float: left;margin-right: 2%;margin-bottom: 3%;}	  				  

.index-honor{width: 100%;overflow: hidden;padding: 60px 0;}
.honor-list{width: 100%;margin: 0 auto;position: relative;}
.honor-list .swiper-container{width:90%;}
.honor-list .swiper-wrapper{width: 100%;}
.honor-list .prev,.honor-list .next{position:absolute;width: 45px;height: 45px;background-color:#ccc;background-position:center center;background-repeat:no-repeat;-ms-transition-duration: 0s;transition-duration: 0s;z-index:99;cursor:pointer;border-radius: 100%;background-size: 75% auto;}
.honor-list .prev{left: 0;background-image:url(../images/honor-prev.png);}
.honor-list .next{right:0;background-image:url(../images/honor-next.png);}
.honor-list .prev:hover{ background-color:#000000;}
.honor-list .next:hover{ background-color:#000000; }

.honor-list .swiper-slide{width: 100%;text-align: center;background: #fff;float: left;}
.honor-list .swiper-slide a{display: inline-block;width: 95%;text-align: center;overflow: hidden;}
.honor-list .swiper-slide img{width: 95%;-webkit-transition:transform 0.25s ease-out;-moz-transition:transform 0.25s ease-out;-ms-transition:transform 0.25s ease-out;-o-transition:transform 0.25s ease-out;transition:transform 0.25s ease-out;}
.honor-list .swiper-slide:hover img{transform:scale(1.1);-webkit-transition:transform 0.25s ease-in;-moz-transition:transform 0.25s ease-in;-ms-transition:transform 0.25s ease-in;-o-transition:transform 0.25s ease-in;transition:transform 0.25s ease-in}
/*.honor-list .swiper-slide{width: calc(100%/4) !important;}
*/
.index-numbs{width: 100%;margin-top:40px;position:relative;overflow: hidden;}
.index-numbs:before{ content:""; overflow:hidden; position:absolute; background-image:url(../images/tm-b-1.png); right:0px; top:0; bottom:0px; width:1px;}
.index-numbs dl{float:left;width:20%;height: 110px;padding:10px 0;text-align:center;position:relative;}
.index-numbs dl:before{ content:""; overflow:hidden; position:absolute; background-image:url(../images/tm-b-1.png); left:0px; top:0; bottom:0px; width:1px;}
.index-numbs dl dt{ font-size:24px; line-height:50px; color:#333;}
.index-numbs dl dt span{ color:#0066cb; font-size:50px; font-family:impact; padding:0 5px;}
.index-numbs dl dd{ padding:0 28px; font-size:14px; line-height:26px; color:#555;}

@media (max-width:767px){
.index-honor{padding: 20px 0;}
.honor-list .prev,.honor-list .next{top:50%; margin-top:-20px;width:40px; height:40px;}
.honor-list .prev{left: 1%;}
.honor-list .next{right: 1%;}
.honor-list .bd ul li{margin-right: 5px;}
.index-numbs{margin-top: 20px;border-right: none;}
.index-numbs dl{width: 33.333%;height: auto;padding: 7px 0;}
.index-numbs dl:nth-child(4){width: 50%;height: auto;padding: 7px 0;margin-top: 5px;}
.index-numbs dl:nth-child(5){width: 50%;height: auto;padding: 7px 0;margin-top: 5px;}
.index-numbs dl dt{font-size: 14px;line-height: 35px;}
.index-numbs dl dt span{font-size: 18px;padding:0 5px;}
.index-numbs dl dd{padding: 0 2%;font-size:14px;line-height: 16px;}
.index-pro-list .bd ul li p{height: 30px;line-height: 30px;font-size: 13px;}

}
@media(min-width:768px) and (max-width:991px){
.index-honor{padding: 45px 0;}
.honor-list .prev,.honor-list .next{top:50%; margin-top:-20px;width:40px; height:40px;}
.honor-list .prev{left: 1%;}
.honor-list .next{right: 1%;}
.honor-list .bd ul li{margin-right: 5px;}
.index-numbs{margin-top: 20px;}
.index-numbs dl{width: 20%;height: auto;padding: 7px 0;}
.index-numbs dl dt{font-size: 14px;line-height: 35px;}
.index-numbs dl dt span{font-size: 20px;padding:0 5px;}
.index-numbs dl dd{padding: 0 2%;font-size:14px;line-height: 16px;}
.index-pro-list .bd ul li p{height: 30px;line-height: 30px;font-size: 13px;}
}
@media(min-width:992px) and (max-width:1200px){
.index-honor{padding: 45px 0;}
.honor-list .prev,.honor-list .next{top:50%; margin-top:-20px;width:40px; height:40px;}
.honor-list .prev{left: 1%;}
.honor-list .next{right: 1%;}
.honor-list .bd ul li{margin-right: 5px;}
.index-numbs{margin-top: 20px;}
.index-numbs dl{width: 20%;height: auto;padding: 7px 0;}
.index-numbs dl dt{font-size: 14px;line-height: 35px;}
.index-numbs dl dt span{font-size: 20px;padding:0 5px;}
.index-numbs dl dd{padding: 0 2%;font-size:14px;line-height: 16px;}
}



.index-solut{width: 100%;float: left;padding:60px 0;margin-bottom:30px;background: url(../images/solvebg.jpg) top center no-repeat;}
.solut-list{width: 100%;float: left;overflow: hidden;}
.solut-list .hd{text-align: center;margin-bottom: 10px;}
.solut-list .hd ul{width: 85%;display: inline-block;}
.solut-list .hd li{width: 18%;height: 45px;background-color: #fff;font-size:16px;line-height: 45px;cursor:pointer;float:left;border-radius: 35px;margin: 0 1%;}
.solut-list .hd li.on{background-color: #1841a2;color:#fff;}

.solut-list .bd{width: 100%;overflow: hidden;}
.solut-list .bd ul{width: 102%;overflow: hidden;}
.solut-list .bd li{float: left;width: 23.8%;margin: 1% 1% 0 0;position: relative;overflow: hidden;}
.solut-list .bd li:nth-child(1){width: 49%;}

.solut-list .bd dt img{width:100%;display:block;overflow:hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.solut-list .bd dd{position:absolute;left:0;right:0;bottom:-200px;padding:2%;background-color: rgba(0,0,0,0.8);}
.solut-list .bd dd h3{font-weight:700;font-size: 16px;line-height:30px;color:#fff;height: 30px;overflow: hidden;}
.solut-list .bd dd p{font-size:14px;line-height:20px;color:#eee;padding-top:3px;max-height: 40px;overflow: hidden;}
.solut-list .bd li:hover dd{display: block;bottom: 0;transition: all .8s;}
.solut-list .bd li:hover img{transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

@media (max-width:767px){
.index-solut{padding: 20px 0;margin-bottom: 0;}
.solut-list .hd{margin-bottom: 0;}
.solut-list .hd ul{width: 104%;}
.solut-list .hd li{width: 31.33%;height: 35px;font-size: 14px;line-height: 35px;margin: 0 1% 1% 0;overflow: hidden;}
.solut-list .bd li{width: 48%;margin: 0 1% 2% 1%;}
.solut-list .bd li:nth-child(1){width: 98%;margin: 0 1% 1% 1%;}
.solut-list .bd dd{bottom:-200px;padding:2%;}
.solut-list .bd dd h3{font-size: 16px;}
.solut-list .bd dd p{font-size:14px;}
}
@media(min-width:768px) and (max-width:991px){
.index-solut{padding:45px 0;margin-bottom:15px;}
.solut-list .hd ul{width: 100%;}
}
@media(min-width:992px) and (max-width:1200px){
.index-solut{padding:45px 0;margin-bottom:15px;}
.solut-list .hd ul{width: 100%;}
}

.index-case{width: 100%;float: left;padding: 30px 0 40px 0;}
.index-case-list{width: 100%;float: left;overflow: hidden;}
.index-case-list ul{width: 101%;}
.index-case-list li{width: 24%;margin-right: 1%;float: left;}
.index-case-list p{line-height: 40px;text-align: center;width: 100%;height: 40px;overflow: hidden;}

.index-banner{width: 100%;float: left;height: 194px;background-position: top center;background-repeat:no-repeat;}
@media (max-width:767px){
 .index-banner{height:inherit;background-image: none !important;} 
}
@media(min-width:768px) and (max-width:991px){
.index-banner{height:inherit;background-image: none !important;} 
}
@media(min-width:992px) and (max-width:1200px){
.index-banner{height: 153px;background-image: none !important;} 
}
.index-about{width: 100%;overflow: hidden;float: left;background: #f5f5f5;padding: 60px 0;}
.about-top{width: 100%;float: left;overflow: hidden;}
.about-pic{width: 59%;float: left;}
.about-right{width: 36%;float: right;}
.about-right .index-title{text-align: left;}
.about-right h3{font-size: 20px;color: #00468e;margin-top: 40px;display: inline-block;float: left;}
.about-right h3 i{width: 60%;margin: 23px 0 17px 0;background: #000;display: block;height: 1px;}
.about-right p{font-family: simsun;line-height: 24px;margin-top: 10px;float: left;}
.about-right a{border: 1px solid #000;border-radius: 35px;padding: 0px 25px;margin-top: 30px;float: left;display: inline-block;}
.about-right a:hover{background:#1841a2;color:#fff;border: 1px solid #1841a2;}
.about-list{width: 100%;float: left;overflow: hidden;}
.about-list .hd{width: 100%;float: left;margin: 20px 0 10px 0;}
.about-list .hd ul{width: 100.5%;overflow: hidden;}
.about-list .hd li{width: 19.5%;margin-right: 0.5%;float: left;line-height: 55px;background: #d2d2d2;text-align: center;cursor: pointer;font-size: 16px;}
.about-list .hd li.on{background: #1841a2;color:#fff;}
.about-list .bd{width: 100%;overflow: hidden;}
.about-list .bd ul{width: 103%;overflow: hidden;}
.about-list .bd li{float: left;width: 24%;margin: 0.5% 0.5% 0 0;position: relative;overflow: hidden;}
.about-list .bd li:nth-child(1){width: 48.6%;}
.covers{width: 100%;height: 100%;position: absolute;background: rgba(24,65,162,0.8);transform: rotateY(180deg);top: 0;left: 0;transition: all .8s;opacity: 0;filter: alpha(opacity=0);text-align: center;}
.covers h5{text-align: center;position: absolute;left: 0;top: 0;padding-top: 35%;font-size: 16px;display: inline-block;color: #fff;width: 95%;height: 47%;padding-top: 35%;margin: 2%;border: 1px solid #fff;}
.covers i{position: absolute;display: block;width:35px;height: 30px;bottom: -3%;background: #fff;position: absolute;bottom: -50px;text-align: center;left: 43.5%;font-style: normal;}
.about-list .bd li:hover .covers{transform: rotateY(0);opacity: 1;filter: alpha(opacity=100);}
.about-list .bd li:hover .covers h5{transition: all .5s;transition-delay:.4s;}
.about-list .bd li:hover .covers i{transition: all .5s;transition-delay:.5s;opacity: 1;bottom: 3%;}

@media (max-width:767px){
.index-case{padding: 20px 0 10px 0;}
.index-about{padding: 20px 0;}
.about-pic{width: 100%;}
.about-right{width: 100%;margin-top: 20px;text-align: center;}
.about-right .index-title{text-align: center;}
.about-right h3{font-size: 16px;margin-top: 10px;width: 100%;text-align: center;}
.about-right h3 i{width: 43%;margin: 5px auto;}
.about-right p{margin-top: 7px;text-align: left;}
.about-right a{padding: 0px 15px;margin-top: 10px;float: initial;font-size: 12px;line-height: 20px;}
.about-list .hd li{line-height: 30px;font-size: 12px;}
.index-case-list li{width: 49%;margin-right: 1%;float: left;}
.about-list .hd{margin: 10px 0 3px 0;}
}
@media(min-width:768px) and (max-width:991px){
.index-case{padding: 40px 0 20px 0;}
.index-about{padding: 40px 0;}
.about-list .hd li{line-height: 45px;font-size: 15px;}

}
.index-news{width: 100%;float: left;padding: 60px 0 0 0;}
.index-news-list{width: 100%;float: left;overflow: hidden;}
.index-news-list .clone{display:none;}
.index-news-list .hd{line-height: 46px;height: 46px;text-align: center;display: flex;margin: 0 auto;width: fit-content;}
.index-news-list .hd ul{display: inline-block;margin-top: 0;width: 100%;}
.index-news-list .hd li{display: inline-block;font-size:18px;float: left;}
.index-news-list .hd li.on a{background: #1841a2;color:#fff;}
.index-news-list .hd a{padding: 0 50px;display: block;background: #f5f5f5;border-radius: 50px;margin: 0 5px;}
.index-news-list .hd li.news-more{float: none;}
.index-news-list .hd li.news-more a:hover{background: #1841a2;color:#fff;}
.index-news-list .bd,.index-news-list .bd ul{width: 100%;overflow: hidden;}
.index-news-pic{float: left;width: 47%;position: relative;}
.index-news-pic a{display: inline-block;width: 100%;height: 100%;}
.index-news-pic p{width: 96%;overflow: hidden;float: left;font-size: 18px;background: #000000bd;position: absolute;bottom: 0;padding: 0 2%;line-height: 48px;color: #fff;text-align: center;}
.index-news-con{float: left;width: 52.7%;border-top: 1px solid #cecece;border-right: 1px solid #cecece;}
.index-news-con dd{border-bottom: 1px solid #cecece;padding: 30px 30px;cursor:pointer;}
.index-news-con a{font-size: 18px;}
.index-news-con span{font-size: 16px;float: right;}
.index-news-con p{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;}
.index-news-con dd:hover{background:#1841a2;}
.index-news-con dd:hover a,.index-news-con dd:hover span,.index-news-con dd:hover p{color:#fff}

@media (max-width:767px){
.index-news{padding: 20px 0 0 0;}
.index-news-list .hd{line-height: 24px;height: 24px;width: 100%;}
.index-news-list .hd li{font-size:16px;width: 30%;margin: 0 1.5%;float: left;}
.index-news-list .hd a{padding:0;font-size: 14px;line-height: 26px;}
.index-news-list .hd li.news-more{display:none}

.index-news-pic{width: 100%;}
.index-news-pic p{font-size: 16px;}
.index-news-con{width: 100%;}
.index-news-con a{font-size: 14px;}
.index-news-con span{font-size: 12px;} 
.index-news-con p{font-size: 12px;max-height: 36px;/* height: auto; */line-height: 18px;}
.index-news-con dd{padding: 8px 0;}
.index-news-con{border-right: none;}

}
@media(min-width:768px) and (max-width:991px){
.index-news{padding:30px 0 0 0;}
.index-news-pic p{font-size: 17px;}
.index-news-con a{font-size: 15px;}
.index-news-con span{font-size: 13px;} 
.index-news-con dd{padding: 6px 30px;}

}
@media(min-width:992px) and (max-width:1200px){
.index-news{padding:40px 0 0 0;}
.index-news-con dd{padding:15px 30px;}

}
@media (min-width:1201px)and (max-width:1440px){
.index-news-con dd{padding: 21px 30px;}
}

.index-patner{width: 100%;float: left;padding: 60px 0 30px 0;}
.coop-list{width:100%;overflow: hidden;}
.coop-list ul{width:102%}
.coop-list li{width: 10.5%;margin: 0px 2% 1% 0;float: left;}
@media (max-width:767px){
.index-patner{padding: 20px 0 10px 0;}
.coop-list li{width: 23%;} 
}


.content-page{text-align: center;overflow: hidden;width: 100%;margin: 20px 0 10px 0;float: left;}
.content-page a{padding: 5px 12px;text-decoration: none;color: #000;background: #fff;display: inline-block;line-height: 24px;border: 1px solid #ddd;}
.content-page a:hover{color: #fff;background: #1841a2;}
.content-page a:hover em{color:#fff}
.content-page a.on{color: #fff;background: #1841a2;}
.content-page a.up em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 8px 0 0;font-weight: 700;}
.content-page a.down em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 0 0 8px;font-weight: 700;}
.content-page .up:hover em{color: #fff;}
.content-page .down:hover em{color: #fff;}

.content-page-m{text-align: center;overflow: hidden;margin: 20px 0 10px 0;float: left;width: 100%;}
.content-page-m a{color: #000;background: #fff;margin: 0 1%;padding: 5px 0;text-decoration: none;display: inline-block;width: 26%;display: inline-block;float: left;line-height: 24px;border: 1px solid #ddd;}
.content-page-m a:hover{color: #fff;background: #1841a2;}
.content-page-m a:hover em{color:#fff}
.content-page-m em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 5px 0 0;font-weight: 700;}
.content-page-m select{width: 42%;border: #d5d5d5 1px solid;padding: 6px 2%;text-decoration: none;border-radius: 3px;float: left;}

.inset-banner{width: 100%;float: left;overflow: hidden;background-position: center;background-repeat: no-repeat;text-align: center;}
.b-enname{width: 100%;float: left;font-size: 70px;color: rgba(245, 245, 245, 0.31);margin-top: 30px;display: block;font-weight: bold;line-height: 90px;}
.b-classname{width: 100%;float: left;display: block;font-size: 35px;color: #fff;font-weight: 800;text-align: center;line-height: 46px;}
.b-desc{width: 100%;float: left;display: block;font-size:18px;color: #fff;text-align: center;margin-top: 15px;}
.inset-nav{overflow: hidden;margin: 35px auto;display: inline-block;background-image: url(../images/casenavbg.png);background-position: center;background-size: 100%;}
.inset-nav ul{display: inline-block;overflow: hidden;float: left;}
.inset-nav li{float: left;border-left: 1px solid #ffffff33;text-align: center;color: #fff;padding: 16px 30px;}
.inset-nav li a{width: 100%;height: 100%;display: block;color: #fff}
.inset-nav li:first-child{border: 0}
.inset-nav li:hover{background: #1841A2}
.inset-nav p{display: block;font-size: 17px;}
.inset-nav img{height: 30px;}
@media(max-width:399px){
.breadcrumbs{display:none}
.inset-nav ul{width:100%;}
.inset-banner{margin-top: 40px;padding-bottom: 2%;}
.b-enname{font-size: 30px;margin-top: 15px;line-height: 30px;}
.b-classname{font-size: 20px;line-height: 26px;}
.b-desc{font-size: 14px;margin-top: 2px;line-height: 20px;}
.inset-nav{margin: 8px auto;}
.inset-nav li{padding: 8px 20px;}
.inset-nav p{font-size: 14px;height: 24px;}
.inset-nav img{height: 25px;}  
}
@media(min-width:400px) and (max-width:767px){
.breadcrumbs{display:none}
.inset-nav ul{width:100%;}
.inset-banner{margin-top: 40px;    padding-bottom: 2%;}
.b-enname{font-size: 30px;margin-top: 15px;line-height: 30px;}
.b-classname{font-size: 20px;line-height: 26px;}
.b-desc{font-size: 14px;margin-top: 2px;line-height: 22px;}
.inset-nav{margin: 8px auto;}
.inset-nav p{font-size: 14px;height: 30px;}
.inset-nav img{height: 30px;}
}
@media(min-width:768px) and (max-width:991px){
.inset-nav ul{width:100%;}
.inset-banner{margin-top: 40px;    padding-bottom: 2%;}
.b-enname{font-size: 30px;margin-top: 15px;line-height: 30px;}
.b-classname{font-size: 20px;line-height: 26px;}
.b-desc{font-size: 14px;margin-top: 2px;}
.inset-nav{margin: 8px auto;}
.inset-nav p{font-size: 14px;height: 30px;}
.inset-nav img{height: 30px;}
 
}
@media(min-width:992px) and (max-width:1200px){
.inset-nav ul{width:100%;}
.inset-banner{margin-top: 60px;padding-bottom: 2%;}
.b-enname{font-size: 39px;margin-top: 30px;line-height: 30px;}
.b-classname{font-size: 25px;line-height: 33px;}
.b-desc{font-size: 14px;margin-top: 2px;}
.inset-nav{margin: 8px auto;}
.inset-nav p{font-size: 14px;height: 30px;}
.inset-nav img{height: 30px;}
}
.breadcrumbs{margin-top: 20px;width: 100%;float: left;}
.breadcrumbs a{color: #000000;}
.breadcrumbs i{font-style: normal;font-family: "simsun";}



.content{width: 100%;overflow: hidden;float: left;padding-bottom: 60px;}

.enname{font-size: 36px;margin-top: 20px;color: #e8e8e8;text-align: center;font-weight: bold;width: 100%;float: left;}
.classname{font-size: 26px;color: #666666;text-align: center;font-weight: bold;width: 100%;float: left;line-height: 46px;}
.product-list{width: 100%;margin-top: 35px;overflow: hidden;float: left;display: inline-block;}
.product-list ul{display: inline-block;overflow: hidden;width: 102%;float: left;}
.product-list li {width: 31.033%;margin: 0px 2% 2% 0;float: left;overflow: hidden;border: 1px solid #DEDEDE;text-align: center;}
.product-list li div{
    width: 100%;
    overflow: hidden;
    float: left;
}
.product-list li:hover{box-shadow: #E8E8E8 5px 5px 15px 5px;overflow: hidden}
.product-list li:hover img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-transform:scale(1.05,1.05);z-index:9999;}
.product-list li img{width: 100%;transition: all .5s;}
.product-list li p{display: block;width: 100%;color: #666666;font-size: 14px;float: left;line-height: 45px;height: 45px;overflow: hidden;}
.product-list li p a{display:block}
@media(max-width:399px){
.content{padding-bottom: 20px;}
.enname{font-size: 24px;margin-top: 10px;}
.classname{font-size: 18px;line-height: 20px;}
.product-list{margin-top: 15px;}
.product-list li {width: 47.2%;margin: 0px 2% 2% 0;}
.product-list li p{line-height: 24px;height: 24px;font-size: 13px;} 
.new-pro .product-list li {width: 30.5%;margin: 0px 2% 2% 0;}
}
@media(min-width:400px) and (max-width:767px){
.content{padding-bottom: 20px;}
.enname{font-size: 30px;margin-top: 10px;}
.classname{font-size: 22px;line-height: 35px;}
.product-list{margin-top: 25px;}
.product-list li {width: 30.8%;margin: 0px 2% 2% 0;}
.product-list li p{line-height: 26px;height: 26px;} 
}
@media(min-width:768px) and (max-width:991px){
.content{padding-bottom: 40px;}
.enname{font-size: 30px;margin-top: 10px;}
.classname{font-size: 22px;line-height: 35px;}
.product-list{margin-top: 25px;}
.product-list li {/* width: 22.7%; *//* margin: 0px 2% 2% 0; */}
.product-list li p{font-size: 14px;margin-bottom: 10px;} 
}
@media(min-width:992px) and (max-width:1200px){
.content{padding-bottom: 40px;}
.enname{font-size: 30px;margin-top: 10px;}
.classname{font-size: 22px;line-height: 35px;}
.product-list{margin-top: 25px;}
.product-list li p{font-size: 14px;margin-bottom: 10px;} 
}
.incontent{width: 80%;overflow: hidden;margin: 0 auto;}
.product-detail{width:100%;float: left;overflow: hidden;}
.product-detail h1{font-size: 24px;margin-top: 20px;text-align: center;}

.content-detail{width:100%;float: left;overflow: hidden;margin: 0 auto;font-size: 18px;line-height: 35px;}
.content-detail img{max-width: 100%;}
.content-detail table{width: 98% !important;margin: 3px 0;border: 1px solid #dddddd;border-collapse: collapse;}
.content-detail tr:nth-child(2n){background: #ddd;border-bottom:1px solid #fff}
.content-detail tr:nth-child(2n+1){background: #c7c7c7;border-bottom:1px solid #fff;}
.content-detail td{border-right:1px solid #fff;text-align: center;padding: 2px 1px;}
.content-detail td:last-child{border-right:none}

.pro-pic-list{width: 67%; margin: 50px auto 5px auto;position: relative}
.pro-pic-list .bd ul li img{width: 100%}
.pro-pic-list .bd{border: 1px solid #e0e0e0;}
.pro-pic-list .bd li{width:100%;overflow: hidden;}
.pro-pic-list .prev{width: 60px;height: 60px;background: #E4E4E4;position: absolute;top:50%;left: -10%}
.pro-pic-list .prev:hover{background: #5F5F5F;opacity: 0.3}
.pro-pic-list .next{width: 60px;height: 60px;background: #E4E4E4;position: absolute;top:50%;right: -10%}
.pro-pic-list .next:hover{background: #5F5F5F;opacity: 0.3}
.pro-pic-list .hd{width: 50%;height: 60px; margin:20px auto 50px auto}
.pro-pic-list .hd li.on{border: 1px solid #5270B9}
.pro-pic-list .hd li{width: 30%;float:left;margin-left: 2%;border: 1px solid #F3F2F2;text-align: center;}
.pro-pic-list .hd li:first-child{margin-left: 0}
.pro-pic-list .hd li:hover{border: 1px solid #5270B9}

.new-pro{width: 100%;overflow: hidden;float: left;}

@media (max-width:767px){
  .incontent{width: 100%;}
  .product-detail h1{font-size: 18px;margin-top:10px;}
  .content-detail{font-size: 14px;line-height: 24px;}
  .pro-pic-list{width: 100%;margin: 15px auto 5px auto;}
  .pro-pic-list .bd ul li img{width: 100%}
  .pro-pic-list .prev{width: 40px;height: 40px;top: 35%;left: 0;}
  .pro-pic-list .next{width: 40px;height: 40px;top: 35%;right: 0;}
  .pro-pic-list .hd{width: 80%;height: 60px;margin: 10px auto 15px auto;}
  .pro-pic-list .hd li{width: 30%;margin-left: 2%;}
  .pro-pic-list .hd li img{height: 58px;}
}
@media(min-width:768px) and (max-width:991px){
  .incontent{width: 100%;}
  .product-detail h1{font-size: 18px;margin-top:10px;}
  .content-detail{font-size: 16px;line-height: 30px;}
  .pro-pic-list{width: 100%;margin: 15px auto 5px auto;}
  .pro-pic-list .bd ul li img{width: 100%}
  .pro-pic-list .prev{width: 40px;height: 40px;top: 35%;left: 0;}
  .pro-pic-list .next{width: 40px;height: 40px;top: 35%;right: 0;}
  .pro-pic-list .hd{width: 80%;height: 60px;margin: 10px auto 15px auto;}
  .pro-pic-list .hd li{width: 30%;margin-left: 2%;}
  .pro-pic-list .hd li img{height: 58px;}

}
@media(min-width:992px) and (max-width:1200px){
  .incontent{width: 100%;}
  .product-detail h1{font-size: 18px;margin-top:10px;}
  .content-detail{font-size: 16px;line-height: 30px;}
  .pro-pic-list{width: 70%;margin: 15px auto 5px auto;}
  .pro-pic-list .bd ul li img{width: 100%}
  .pro-pic-list .prev{width: 40px;height: 40px;top: 35%;left: 0;}
  .pro-pic-list .next{width: 40px;height: 40px;top: 35%;right: 0;}
  .pro-pic-list .hd{width: 80%;height: 60px;margin: 10px auto 15px auto;}
  .pro-pic-list .hd li{width: 30%;margin-left: 2%;}
  .pro-pic-list .hd li img{height: 58px;}
}

.case-list{width: 100%;margin-top: 35px;overflow: hidden;float: left;display: inline-block;}
.case-list ul{width: 102%;overflow: hidden;}
.case-list li {width: 27.333%;padding: 2%;background: #FAFAFA;margin: 0 2% 2% 0;float: left;text-align: center;}
.case-list ul li:hover{box-shadow: #E8E8E8 5px 5px 15px 5px;overflow: hidden}
.case-list ul li:hover h2{color: #3464D8}
.case-list ul li:hover p{color: #3464D8}
.case-list ul li .p1{font-size: 16px;font-weight: 800;overflow: hidden;line-height: 40px;height: 40px;}
.case-list ul li .p2{font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin: 0;color: #666666;line-height: 14px;height: 14px;}

@media(max-width:399px){
.case-list{margin-top: 10px;}
.case-list li {width: 44%;padding: 2%;margin: 0 2% 2% 0;}
.case-list ul li .p1{font-size: 14px;line-height: 30px;height: 30px;}
.case-list ul li .p2{font-size: 12px;}   
}
@media(min-width:400px) and (max-width:767px){
.case-list{margin-top: 10px;}
.case-list li {width:27.333%;padding: 2%;margin: 0 2% 2% 0;}
.case-list ul li .p1{font-size: 15px;line-height: 30px;height: 30px;}
.case-list ul li .p2{font-size: 13px;} 
}
@media(min-width:768px) and (max-width:991px){
.case-list{margin-top: 10px;}
.case-list li {width: 27.333%;padding: 2%;margin: 0 2% 2% 0;}
.case-list ul li .p1{font-size: 15px;line-height: 30px;height: 30px;}
.case-list ul li .p2{font-size: 13px;} 
}

.pian{WIDTH: 100%;overflow: hidden;float: left;margin-top: 2%;}
.pian a{display: block;font-size: 18px;}
.time{font-size: 14px;color: #b5b5b5;text-align: center;margin-bottom: 2%;display: block;}

@media(max-width:767px){
.pian a{font-size: 14px;}
}

.innews-list{width: 100%;margin-top: 20px;float: left;}
.innews-list li{background-color: #F6F6F6;width: 100%;overflow: hidden;float: left;margin: 2% 0;}
.innews-list .news-pic{width: 28%;float: left;}
.innews-list .news-pic img{width: 100%}
.innews-list .news-con{width: 68%;float: right;padding: 2%;}
.innews-list li:hover{background-color: #3464D8}
.innews-list li:hover a{color: #fff}
.innews-list li:hover .newsh2{color: #fff}
.innews-list li:hover span{color:#fff}
.innews-list li span{width: 100%;overflow: hidden;float: left;}
.innews-list li:hover p{color: #fff} 
.innews-list .news-con .newsh2{font-size: 18px;line-height: 24px;width: 100%;font-weight: bold;float: left;height: 24px;}
.innews-list .news-con p{font-size: 14px;line-height: 24px;height: 48px;overflow: hidden;width: 100%;float: left;}
.innews-list .news-con a.more{display: inline-block;border: 1px solid #A9A9A9;padding: 0 3%;border-radius: 5px;}
@media (max-width:767px){
.innews-list{margin-top: 10px;}
.innews-list .news-pic{width: 36%;}
.innews-list .news-con{width: 60%;padding: 2%;}
.innews-list .news-con .newsh2{font-size: 14px;line-height: 20px;height: 20px;}
.innews-list li span{
    font-size: 12px;
    line-height: 20px;
}
.innews-list .news-con p{font-size: 13px;line-height: 18px;height: 36px;}
.innews-list .news-con a.more{display:none}
}
@media(min-width:768px) and (max-width:991px){

}
@media(min-width:992px) and (max-width:1200px){

}


.bannerlist{overflow: hidden;width: 100%;float: left;}
.bannerlist ul{width: 66%;margin: 30px auto;display: block;overflow: hidden;}
.bannerlist ul li{float: left;color:#fff;line-height: 50px;width: 40%;background-color:rgba(245, 245, 245, 0.28);border-radius: 30px;padding: 0 3%;margin: 1% 2%;text-align: left;}
.bannerlist ul li span{display: inline-block;color:#fff;margin-left: 2%;font-size: 17px;}
.bannerlist ul li i{width: 30px;height: 30px;display: inline-block;text-align: center;vertical-align: inherit;}

.contact-list{width: 100%;}
.contact-list ul{ width: 102%;overflow: hidden;}
.contact-list li{width: 27.3333%;height: 120px;margin: 0 2% 2% 0;float: left;background: #00459A;padding: 2%;text-align: center;}
.contact-list li span{color: #fff;font-size: 20px;font-weight: bold;margin-bottom: 5px;}
.contact-list li p{color: #fff;font-size: 18px; margin-top: 2%;}
.map{width:100%;float:left;overflow:hidden;}
@media (max-width:767px){
.floating_ck{display: none}
.bannerlist{display:none}
.contact-list ul{ width: 100%;}
.contact-list li{width: 97%;height: auto;margin: 0 0 2% 0;padding: 2%;}
.contact-list li span{font-size: 16px;margin-bottom: 2px;}
.contact-list li p{font-size: 15px;margin-top: 1%;line-height: 24px;}
}
@media(min-width:768px) and (max-width:991px){
.bannerlist ul{width: 100%;}
}
@media(min-width:992px) and (max-width:1200px){
.bannerlist ul{width: 100%;margin: 16px auto;}
.bannerlist ul li{width: 36%;padding: 0 5%;margin: 1% 2%;}
}
.floating_ck{position:fixed;right:0;top:30%;z-index: 777;box-shadow:0 0 20px rgba(0,0,0,0.2);color:#fff;}
.floating_ck a{color:#fff;}
.floating_ck .floating_left a{color:#333;}
.floating_ck dl dd{position:relative;width:75px;height: 59px;background-color:rgba(0,0,0,0.5);text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;}
.floating_ck dl dd:hover .floating_left{width:160px;}
.floating_ck dl dd:hover .floating_left2{width:160px;}
.consult{background-image:url(../images/zxicon.png);}
.words{background-image:url(../images/tel.png);}
.quote{background-image:url(../images/qq.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{display:block;padding-top: 31px;font-size: 14px;}
.floating_left{position:absolute;right:75px;top:0px;width:0px;height:70px;background-color:#FFF;border-right: none;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;overflow:hidden;}
.floating_left a{line-height:70px;font-size: 14px;font-weight: bold;}
.floating_left2{position:absolute;right:80px;top:0px;width:0px;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;overflow:hidden;}
.floating_left2 a{color:#fff;line-height:0px;font-size:16px;font-size: 18px;font-weight: bold;}
.floating_lf{position: fixed;left: 20px;top: 30%;z-index: 777;display: none;}